.tabbarpage-container{
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: linear-gradient(180deg, rgba(23,19,52,1) 10%, rgba(13, 11, 59, 1.0) 83%);
	display: flex;
	flex-direction: column;
}
.tabbarpage-body{
	flex: 1;
	width: 100%;
	position: relative;
}
.tabbarpage-tabbar{
	margin: 8px 0 20px;
	z-index: 0;
}

.dark-purple-card{
	background-color: #201b50;
}

:deep(.custom-tabber){
	background-color: #332a86 !important;
}

.page-header{
	display: flex; 
	justify-content: center; 
    align-items: center; 
	font-size: large;
	margin-bottom: 7px;
}

.page-header-back{
	align-self: center;
	width: calc(100vw - 36px);
	display: flex; 
	justify-content: space-between; 
    align-items: center; 
	font-size: large;
	margin-bottom: 7px;
	flex-shrink: 0;
}

.scrollable{
	overflow-y: scroll;
}

.scrollable-padding{
	overflow-y: scroll;
	/* padding-bottom: 80px; */
}

.ai-btn{
		position: fixed;
		bottom: 80px;
		right: 20px;
		width: 48px;
		height: 48px;
		color: #fff;
		background: linear-gradient(to right bottom, #d656d488, #2341ad66);
		backdrop-filter: blur(4px);
		border-radius: 24px;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 19px;
		letter-spacing: 2px;
		animation: right-in-ani .6s 1;
	}